/* 公共css文件 */
/* 字体 */
/* 主题颜色 */
/**************自定义文本颜色样式*****************************/
.c-red {
  /* 红色 */
  color: #f00 !important;
}
.c-pink {
  /* 粉红色 */
  color: #F56C6C !important;
}
.c-ared {
  /* 暗红色 */
  color: #B61D1D !important;
}
.c-green {
  /* 绿色 */
  color: #008000 !important;
}
.c-qgreen {
  /* 青绿 */
  color: #00c3ce !important;
}
.c-yellow {
  /* 黄色 */
  color: #ff7300 !important;
}
.c-gray {
  /* 灰色 */
  color: #ccc !important;
}
.c-bbb {
  /* 浅灰色 */
  color: #666 !important;
}
.c-blue {
  /* 蓝色 */
  color: #108ee9 !important;
}
.c-dblue {
  /* 淡蓝色 */
  color: #3e9bff !important;
}
.c-sblue {
  /* 深蓝色 */
  color: #06c !important;
}
.c-black {
  /* 黑色 */
  color: #000 !important;
}
.c-white {
  /* 白色 */
  color: #fff !important;
}
/* 页面默认背景基本样式 */
.page-bg {
  background-color: #f3f3f3;
  min-height: 100vh;
  padding-top: 2rpx;
}
/* 分享按钮--begin */
.share-btn {
  display: inline-block;
  margin: 0 10rpx;
}
/* 分享按钮--end */
/* 列表顶部工具栏更多按钮样式--bengin */
.other-btns {
  display: inline-block;
}
.other-btns .lt-obtn {
  display: inline-block;
  border: 2rpx solid #00C3CE;
  color: #00C3CE;
  border-radius: 10rpx;
  padding: 4rpx 10rpx;
  margin-right: 20rpx;
}
.other-btns .lt-obtn-sel {
  background: #00C3CE !important;
  color: #FFFFFF !important;
}
.lt-r-btn {
  display: inline-block;
  border: 2rpx solid #00C3CE;
  color: #00C3CE;
  border-radius: 10rpx;
  height: 40rpx;
  line-height: 36rpx;
  padding: 0 6rpx;
}
/* 列表顶部工具栏更多按钮样式--end */
/* 表单底部按钮样式--begin */
.fm-btns {
  margin-top: 20rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
/* 表单底部按钮样式--end */
/* popup弹框的样式--begin */
::v-deep .my-popup-md .u-drawer-content {
  background: #efefef;
}
::v-deep .my-action-sheet .u-action-sheet-item__subtext {
  white-space: break-spaces;
  margin: 0rpx 10rpx;
}
/* popup弹框的样式--end */
/******表单样式*******/
.fm-title {
  z-index: 9;
  position: fixed;
  top: var(--window-top);
  line-height: 70rpx;
  width: 100%;
  display: flex;
  background: #fff;
  padding: 10rpx;
}
.fm-title .title {
  flex: 1;
  font-size: 40rpx;
  font-weight: 600;
  color: #666;
}
.fm-title .title .icon {
  width: 14rpx;
  height: 14rpx;
  margin-right: 10rpx;
  display: inline-block;
  border-radius: 50%;
  background: #ffffff;
  vertical-align: middle;
}
.fm-title .title .line-icon {
  display: inline-block;
  width: 8rpx;
  height: 40%;
  margin-right: 10rpx;
  background: #ffffff;
  vertical-align: -2rpx;
}
.my-fm {
  padding-top: 20rpx;
}
.my-fm .no-box {
  box-shadow: none !important;
}
.my-fm .f-item {
  background: #FFFFFF;
  box-shadow: 0 2rpx 3rpx rgba(0, 0, 0, 0.1);
  margin: 0rpx 20rpx 20rpx 20rpx;
  padding: 10rpx 20rpx;
  position: relative;
  border-radius: 12rpx;
  line-height: 80rpx;
}
.my-fm .f-item .u-form-item {
  padding: 6rpx 0rpx;
}
.my-fm .f-item .i-collspan-row {
  width: 100%;
}
.my-fm .f-item .i-collspan-row .icr-title {
  position: relative;
  color: #000000;
  font-size: 32rpx;
}
.my-fm .f-item .i-collspan-row .icr-title .r-l-icon {
  width: 14rpx;
  height: 14rpx;
  margin-right: 10rpx;
  display: inline-block;
  border-radius: 50%;
  background: #ffffff;
  vertical-align: middle;
}
.my-fm .f-item .i-collspan-row .icr-title .icr-icon {
  position: absolute;
  right: 30rpx;
  top: calc((100% - 32rpx)/2);
}
.my-fm .f-item .i-collspan-row .icr-title .icr-text {
  position: absolute;
  right: 0rpx;
  top: 0rpx;
  font-size: 28rpx;
  color: #666;
}
.my-fm .f-item .i-collspan-row .icr-ul .icr-li:not(:last-child) {
  border-bottom: 2rpx dashed #efefef;
}
.my-fm .f-item .i-collspan-row .icr-ul .icr-li {
  display: flex;
  position: relative;
}
.my-fm .f-item .i-collspan-row .icr-ul .icr-li .li-left-item {
  display: flex;
  flex: 1;
}
.my-fm .f-item .i-collspan-row .icr-ul .icr-li .li-right-item {
  display: flex;
  width: 200rpx;
  margin-left: 10rpx;
}
.my-fm .f-item .i-collspan-row .icr-ul .icr-li .li-title-icon {
  width: 50rpx;
}
.my-fm .f-item .i-collspan-row .icr-ul .icr-li .li-title-text {
  font-size: 26rpx;
  font-weight: 600;
  color: #666;
  width: 80rpx;
}
.my-fm .f-item .i-collspan-row .icr-ul .icr-li .li-con {
  flex: 1;
  position: relative;
  margin-right: 10rpx;
}
.my-fm .f-item .i-collspan-row .icr-ul .icr-li .li-con .li-inp {
  height: 70rpx;
  color: #00C3CE;
}
.my-fm .f-item .i-collspan-row .icr-ul .icr-li .li-con .li-c-text {
  width: 300rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.my-fm .f-item .i-collspan-row .icr-ul .icr-li .li-con .li-cr-icon {
  position: absolute;
  top: calc((100% - 24rpx)/2);
  right: 0rpx;
}
.my-fm .f-item .i-collspan-row .icr-ul .icr-li .li-con .li-cr-text {
  color: #666;
  position: absolute;
  top: 0rpx;
  right: 0rpx;
}
.my-fm .f-item .f-item-title {
  border-bottom: 2rpx solid #efefef;
  position: relative;
  font-weight: 600;
  font-size: 30rpx;
  background: #fff;
  z-index: 9;
}
.my-fm .f-item .f-item-title .r-l-icon {
  position: absolute;
  top: 20rpx;
  left: -20rpx;
  display: inline-block;
  height: 50%;
  width: 8rpx;
  background-color: #00c3ce;
}
.my-fm .f-item .f-item-title .r-r-con {
  position: absolute;
  top: 0rpx;
  right: 0rpx;
  height: 80rpx;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.my-fm .f-item .i-row-bottom-line {
  border-bottom: 2rpx solid #efefef;
}
.my-fm .f-item .i-row {
  width: 100%;
  display: flex;
  height: 80rpx;
}
.my-fm .f-item .i-row .r-title {
  color: #000000;
  font-size: 32rpx;
  width: 200rpx;
}
.my-fm .f-item .i-row .r-title .r-l-icon {
  width: 14rpx;
  height: 14rpx;
  margin-right: 10rpx;
  display: inline-block;
  border-radius: 50%;
  background: #ffffff;
  vertical-align: middle;
}
.my-fm .f-item .i-row .r-title .r-title-tip {
  font-size: 24rpx;
  color: #666;
}
.my-fm .f-item .i-row .r-con {
  flex: 1;
  margin-right: 0;
  color: #777;
  font-size: 28rpx;
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: calc(100% - 200rpx);
}
.my-fm .f-item .i-row .r-con .u-field {
  padding: 0rpx !important;
}
.my-fm .f-item .i-row .r-con .c-text {
  color: #00C3CE;
  line-height: 80rpx;
  text-align: right;
  width: calc(100% - 30rpx);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.my-fm .f-item .i-row .r-con .c-tip {
  padding-right: 35rpx;
  color: #c0c4cc;
}
.my-fm .f-item .i-row .r-con .c-r-icon {
  width: 0rpx;
  /*  宽高设置为0，很重要，否则达不到效果 */
  height: 0rpx;
  position: absolute;
  right: 30rpx;
  top: calc((100% - -4rpx)/2);
}
.my-fm .f-item .i-row .r-con .i-r-text {
  padding-left: 10rpx;
}
.my-fm .f-item .i-row .i-input {
  padding-right: 10rpx !important;
}
.my-fm .f-item .i-row .i-input .inp {
  padding: 10rpx;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 400;
  border: none;
  text-align: right;
}
.my-fm .f-item .i-row .i-date .u {
  padding: 0 20rpx;
}
.my-fm .f-item .i-row .i-date label:last-child {
  color: #00c3ce;
}
.my-fm .f-item .i-row-textarea {
  width: 100%;
}
.my-fm .f-item .i-row-textarea .r-title {
  color: #000000;
  font-size: 32rpx;
}
.my-fm .f-item .i-row-textarea .r-title .r-l-icon {
  width: 14rpx;
  height: 14rpx;
  margin-right: 10rpx;
  display: inline-block;
  border-radius: 50%;
  background: #ffffff;
  vertical-align: middle;
}
.my-fm .f-item .i-row-textarea .r-title .r-title-tip {
  font-size: 24rpx;
  color: #666;
}
